* {
    margin: 0;
    padding: 0;
    list-style: none;
}
body {
    background-color: #f5f5f5;
}
body a {
        text-decoration: none;
}
.home-video-box {
    width: 1226px;
    height: 357px;
    margin: 0 auto;
}
.home-video-box .box-hd {
    position: relative;
    width: 1226px;
    height: 58px;
    line-height: 58px;
}
.home-video-box .box-hd .title {
    float: left;
    color: #000000;
    font: 22px;
    font-weight: 200;
    
}
.home-video-box .box-hd .more {
    float: right;
    
}
.home-video-box .box-hd a {
    font-size: 16px;
    color: #424242;
}
.home-video-box .box-hd img {
    position: absolute;
    top: 17px;
    width: 25px;
    height: 25px;
}
.home-video-box .box-bd {

    width: 1226px;
    height: 285px;
}
.home-video-box .box-bd ul {
    /* float: left; */
    width: 1240px;
    height: 400px;
}
.home-video-box .box-bd li {
    overflow: hidden;
    float: left;
    width: 296px;
    width: 285px;
    background: #fff;
    margin-bottom: 14px; 
}
.home-video-box .box-bd  .li1{
    margin-left: 33px;
}
.home-video-box .box-bd img {
    width: 296px;
    height: 180px;
}
.home-video-box .box-bd h3 {
    text-align: center;
    color: #333333;
    font-size: 14px;
    font-weight: 400;
    margin: 25px 0 26.8px 0;
}